<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>焊客e家-科技前沿</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/idangerous.swiper.css">
		<link rel="stylesheet" href="css/kjqy.css">
	</head>

	<body>
		<div class="header innerHead">
			<div class="top">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，请</span>
						<a href="./login.html">登录</a>
						<i class="line"></i>
						<a href="./register.html">免费注册</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/kjqy_logo.png" alt=""></div>

				<div class="fr search">
					<div class="searchCon marR0">
						<input type="text" placeholder=" 输入您需要查询的资讯">
						<a class="search_btn" href="#">搜索</a>
					</div>

					<!--<p class="btn">发布新主题</p>-->

				</div>
			</div>
		</div>
		<div class="hot_container ovw">
			<div class="fl hot_tj ovw">
				<div class="swiper-container banner_container">
					<div class="swiper-wrapper">
						<div class="swiper-slide ">
							<img src="images/kjqy_swiper.png" alt="">
							<i>有了这些技术，人类可以跟50年历史的鼠标键盘说再见了吗</i>
						</div>
					</div>
					<p class="arrow-right"></p>
					<p class="arrow-left"></p>
				</div>
				<ul class="tabUl ovw">
					<li class="active">最新资讯</li>
					<li>国家政策</li>
					<li>最新技术</li>
					<li>核安全</li>
					<li>平台技术</li>
					<li>焊客热点</li>
					<li>其他</li>
				</ul>
				<div class="tabulCon ovw">
					<div class="tabList ovw active">
						<ul class="ovw">
							<li class="ovw">
								<div class="fl left">
									<img src="images/kjqy1.png" />
									<span class="line_o">国家政策</span>
								</div>
								<div class="fl right">
									<h3><a href="hk_kjqy_detail.html">基础设施缺失、治安环境差，但是为什么菲律宾市场仍不可 小觑？</a></h3>
									<p class="intro">这两年每每说起进军东南亚，大家都更多的将目光投到印尼</p>
									<div class="bottom ovw">
										<p class="ovw fl">
											<i class="line_o">前沿科技</i>
											<i class="line_o">企业服务</i>
										</p>
										<div class="bRight ovw fr">
											<span class="fl"><a>#焊客e家</a> · 26分钟前</span>
											<dl class="fl collect">
												<dt class="fl"><img src="images/detail_collect.png"/></dt>
												<dd class="fl">23690</dd>
											</dl>
										</div>

									</div>

								</div>
							</li>
							<li class="ovw">
								<div class="fl left">
									<img src="images/kjqy2.png" />
									<span class="line_o">国家政策</span>
								</div>
								<div class="fl right">
									<h3><a href="hk_kjqy_detail.html">比特币上演合法前夜的疯狂，反而彰显业内的担忧</a></h3>
									<p class="intro">这两年每每说起进军东南亚，大家都更多的将目光投到印尼</p>
									<div class="bottom ovw">
										<p class="ovw fl">
											<i class="line_o">前沿科技</i>
											<i class="line_o">企业服务</i>
										</p>
										<div class="bRight ovw fr">
											<span class="fl"><a>#焊客e家</a> · 26分钟前</span>
											<dl class="fl collect">
												<dt class="fl"><img src="images/detail_collect.png"/></dt>
												<dd class="fl">23690</dd>
											</dl>
										</div>

									</div>

								</div>
							</li>
							<li class="ovw">
								<div class="fl left">
									<img src="images/kjqy3.png" />
									<span class="line_o">国家政策</span>
								</div>
								<div class="fl right">
									<h3><a href="hk_kjqy_detail.html">如何增强水焊的可用性？硅谷顶尖科技人才给出了关于水焊 的 7 点建议</a></h3>
									<p class="intro">这两年每每说起进军东南亚，大家都更多的将目光投到印尼</p>
									<div class="bottom ovw">
										<p class="ovw fl">
											<i class="line_o">前沿科技</i>
											<i class="line_o">企业服务</i>
										</p>
										<div class="bRight ovw fr">
											<span class="fl"><a>#焊客e家</a> · 26分钟前</span>
											<dl class="fl collect">
												<dt class="fl"><img src="images/detail_collect.png"/></dt>
												<dd class="fl">23690</dd>
											</dl>
										</div>

									</div>

								</div>
							</li>
							<li class="ovw">
								<div class="fl left">
									<img src="images/kjqy4.png" />
									<span class="line_o">国家政策</span>
								</div>
								<div class="fl right">
									<h3><a href="hk_kjqy_detail.html">如何增强水焊的可用性？硅谷顶尖科技人才给出了关于水焊 的 7 点建议</a></h3>
									<p class="intro">这两年每每说起进军东南亚，大家都更多的将目光投到印尼</p>
									<div class="bottom ovw">
										<p class="ovw fl">
											<i class="line_o">金融货币</i>
											<i class="line_o">企业服务</i>
											<i class="line_o">科技人才</i>
										</p>
										<div class="bRight ovw fr">
											<span class="fl"><a>#焊客e家</a> · 26分钟前</span>
											<dl class="fl collect">
												<dt class="fl"><img src="images/detail_collect.png"/></dt>
												<dd class="fl">23690</dd>
											</dl>
										</div>

									</div>

								</div>
							</li>
						</ul>

					</div>
					<!--国家政策-->
					<div class="tabList ovw">
						<ul class="ovw">
							<li class="ovw">
								<div class="fl left">
									<img src="images/kjqy1.png" />
									<span class="line_o">国家政策</span>
								</div>
								<div class="fl right">
									<h3><a href="hk_kjqy_detail.html">基础设施缺失、治安环境差，但是为什么菲律宾市场仍不可 小觑？</a></h3>
									<p class="intro">这两年每每说起进军东南亚，大家都更多的将目光投到印尼</p>
									<div class="bottom ovw">
										<p class="ovw fl">
											<i class="line_o">前沿科技</i>
											<i class="line_o">企业服务</i>
										</p>
										<div class="bRight ovw fr">
											<span class="fl"><a>#焊客e家</a> · 26分钟前</span>
											<dl class="fl collect">
												<dt class="fl"><img src="images/detail_collect.png"/></dt>
												<dd class="fl">23690</dd>
											</dl>
										</div>

									</div>

								</div>
							</li>
						</ul>

					</div>
					<!--最新技术-->
					<div class="tabList ovw">
						<ul class="ovw">
							<li class="ovw">
								<div class="fl left">
									<img src="images/kjqy1.png" />
									<span class="line_o">最新技术</span>
								</div>
								<div class="fl right">
									<h3><a href="hk_kjqy_detail.html">基础设施缺失、治安环境差，但是为什么菲律宾市场仍不可 小觑？</a></h3>
									<p class="intro">这两年每每说起进军东南亚，大家都更多的将目光投到印尼</p>
									<div class="bottom ovw">
										<p class="ovw fl">
											<i class="line_o">前沿科技</i>
											<i class="line_o">企业服务</i>
										</p>
										<div class="bRight ovw fr">
											<span class="fl"><a>#焊客e家</a> · 26分钟前</span>
											<dl class="fl collect">
												<dt class="fl"><img src="images/detail_collect.png"/></dt>
												<dd class="fl">23690</dd>
											</dl>
										</div>

									</div>

								</div>
							</li>
						</ul>

					</div>
					<!--核安全-->
					<div class="tabList ovw">
						<ul class="ovw">
							<li class="ovw">
								<div class="fl left">
									<img src="images/kjqy1.png" />
									<span class="line_o">核安全</span>
								</div>
								<div class="fl right">
									<h3><a href="hk_kjqy_detail.html">基础设施缺失、治安环境差，但是为什么菲律宾市场仍不可 小觑？</a></h3>
									<p class="intro">这两年每每说起进军东南亚，大家都更多的将目光投到印尼</p>
									<div class="bottom ovw">
										<p class="ovw fl">
											<i class="line_o">前沿科技</i>
											<i class="line_o">企业服务</i>
										</p>
										<div class="bRight ovw fr">
											<span class="fl"><a>#焊客e家</a> · 26分钟前</span>
											<dl class="fl collect">
												<dt class="fl"><img src="images/detail_collect.png"/></dt>
												<dd class="fl">23690</dd>
											</dl>
										</div>

									</div>

								</div>
							</li>
						</ul>

					</div>
					<!--平台技术-->
					<div class="tabList ovw">
						<ul class="ovw">
							<li class="ovw">
								<div class="fl left">
									<img src="images/kjqy1.png" />
									<span class="line_o">平台技术</span>
								</div>
								<div class="fl right">
									<h3><a href="hk_kjqy_detail.html">基础设施缺失、治安环境差，但是为什么菲律宾市场仍不可 小觑？</a></h3>
									<p class="intro">这两年每每说起进军东南亚，大家都更多的将目光投到印尼</p>
									<div class="bottom ovw">
										<p class="ovw fl">
											<i class="line_o">前沿科技</i>
											<i class="line_o">企业服务</i>
										</p>
										<div class="bRight ovw fr">
											<span class="fl"><a>#焊客e家</a> · 26分钟前</span>
											<dl class="fl collect">
												<dt class="fl"><img src="images/detail_collect.png"/></dt>
												<dd class="fl">23690</dd>
											</dl>
										</div>

									</div>

								</div>
							</li>
						</ul>

					</div>
					<!--焊客热点-->
					<div class="tabList ovw">
						<ul class="ovw">
							<li class="ovw">
								<div class="fl left">
									<img src="images/kjqy1.png" />
									<span class="line_o">焊客热点</span>
								</div>
								<div class="fl right">
									<h3><a href="hk_kjqy_detail.html">基础设施缺失、治安环境差，但是为什么菲律宾市场仍不可 小觑？</a></h3>
									<p class="intro">这两年每每说起进军东南亚，大家都更多的将目光投到印尼</p>
									<div class="bottom ovw">
										<p class="ovw fl">
											<i class="line_o">前沿科技</i>
											<i class="line_o">企业服务</i>
										</p>
										<div class="bRight ovw fr">
											<span class="fl"><a>#焊客e家</a> · 26分钟前</span>
											<dl class="fl collect">
												<dt class="fl"><img src="images/detail_collect.png"/></dt>
												<dd class="fl">23690</dd>
											</dl>
										</div>

									</div>

								</div>
							</li>
						</ul>

					</div>
					<!--其他-->
					<div class="tabList ovw">
						<ul class="ovw">
							<li class="ovw">
								<div class="fl left">
									<img src="images/kjqy1.png" />
									<span class="line_o">其他</span>
								</div>
								<div class="fl right">
									<h3><a href="hk_kjqy_detail.html">基础设施缺失、治安环境差，但是为什么菲律宾市场仍不可 小觑？</a></h3>
									<p class="intro">这两年每每说起进军东南亚，大家都更多的将目光投到印尼</p>
									<div class="bottom ovw">
										<p class="ovw fl">
											<i class="line_o">前沿科技</i>
											<i class="line_o">企业服务</i>
										</p>
										<div class="bRight ovw fr">
											<span class="fl"><a>#焊客e家</a> · 26分钟前</span>
											<dl class="fl collect">
												<dt class="fl"><img src="images/detail_collect.png"/></dt>
												<dd class="fl">23690</dd>
											</dl>
										</div>

									</div>

								</div>
							</li>
						</ul>

					</div>
					<!--加载更多-->
					<div class="loadMore">
						<img src="images/add_icon.png" alt="">
						<span>加载更多</span>
					</div>
				</div>
			</div>
			<div class="fr hot_word ovw">
				<div class="title">
					<a class="fr btn" href="./hk_zsk_list.html "><img src="images/add1.png" alt="">查看更多</a>
					<h3>热门文档</h3>
				</div>
				<ul class="list">
					<li>
						<a href="./hk_zsk_detail.html">
							<div class="fl number"><span>1</span></div>
							<div class=" text">
								<p class="title">电焊的种类有哪些?</p>
								<p class="lock">1356人阅读</p>
							</div>
						</a>
					</li>
					<li>
						<a href="./hk_zsk_detail.html">
							<div class="fl number number_two"><span>2</span></div>
							<div class=" text">
								<p class="title">电焊的种类有哪些?</p>
								<p class="lock">1356人阅读</p>
							</div>
						</a>
					</li>
					<li>
						<a href="./hk_zsk_detail.html">
							<div class="fl number number_three"><span>3</span></div>
							<div class=" text">
								<p class="title">电焊的种类有哪些?</p>
								<p class="lock">1356人阅读</p>
							</div>
						</a>
					</li>
					<li>
						<a href="./hk_zsk_detail.html">
							<div class="fl num"><span>4</span></div>
							<div class=" text">
								<p class="title">电焊的种类有哪些?</p>
								<p class="lock">1356人阅读</p>
							</div>
						</a>
					</li>
					<li>
						<a href="./hk_zsk_detail.html">
							<div class="fl num"><span>5</span></div>
							<div class=" text">
								<p class="title">电焊的种类有哪些?</p>
								<p class="lock">1356人阅读</p>
							</div>
						</a>
					</li>
					<li>
						<a href="./hk_zsk_detail.html">
							<div class="fl num"><span>6</span></div>
							<div class=" text">
								<p class="title">电焊的种类有哪些?</p>
								<p class="lock">1356人阅读</p>
							</div>
						</a>
					</li>
					<li>
						<a href="./hk_zsk_detail.html">
							<div class="fl num"><span>7</span></div>
							<div class=" text">
								<p class="title">电焊的种类有哪些?</p>
								<p class="lock">1356人阅读</p>
							</div>
						</a>
					</li>
					<li>
						<a href="./hk_zsk_detail.html">
							<div class="fl num"><span>8</span></div>
							<div class=" text">
								<p class="title">电焊的种类有哪些?</p>
								<p class="lock">1356人阅读</p>
							</div>
						</a>
					</li>
					<li>
						<a href="./hk_zsk_detail.html">
							<div class="fl num"><span>9</span></div>
							<div class=" text">
								<p class="title">电焊的种类有哪些?</p>
								<p class="lock">1356人阅读</p>
							</div>
						</a>
					</li>
					<li>
						<a href="./hk_zsk_detail.html">
							<div class="fl num"><span>10</span></div>
							<div class=" text">
								<p class="title">电焊的种类有哪些?</p>
								<p class="lock">1356人阅读</p>
							</div>
						</a>
					</li>
				</ul>
				<div class="rightList ovw last">
					<img src="images/hkq5.png">
				</div>
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>
		<script type="text/javascript" src="js/jquery.1.9.1.js">
		</script>
		<script type="text/javascript" src="js/idangerous.swiper.min.js">
		</script>
		<script type="text/javascript" src="js/common.js">
		</script>
		<script type="text/javascript">
			$(function() {
				var mySwiper = new Swiper('.swiper-container', {
					paginationClickable: true,
					loop: true,
					autoplay: 3000,
					autoplayDisableOnInteraction: false
				});
				$('.arrow-left').on('click', function(e) {
					e.preventDefault()
					mySwiper.swipePrev()
				});

				$('.arrow-right').on('click', function(e) {
					e.preventDefault()
					mySwiper.swipeNext()
				});
//				列表切换
				$('.hot_container .hot_tj ul.tabUl li').each(function(){
					$('.hot_container .hot_tj ul.tabUl li').click(function(){
						var $index = $(this).index();
						$(this).addClass('active').siblings().removeClass('active');
						$('.hot_container .hot_tj div.tabulCon .tabList').eq($index).addClass('active').siblings().removeClass('active');
					})
					
				});
				
					// 点赞
				$(".tabList li").on('click','.collect',function() {
					if($(this).find("img").attr("src") == "images/detail_collect.png") {
						var num = $(this).find("dd").text();
						$(this).find("img").attr("src", "images/zndj4_active.png");
						$(this).find("dd").text(++num);
					} else {
						$(this).find("img").attr("src", "images/detail_collect.png");
						var num = $(this).find("dd").text();
						$(this).find("dd").text(--num);
					}
				});
			})
		</script>
	</body>

</html>